﻿<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>用户体验测试</title>
    <meta http-equiv="X-UA-Compatible" content="IE=9">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="viewport" content="width=device-width, maximum-scale=2.0">
    <link type="text/css" href="../../css/reset.css" rel="stylesheet">
    <link type="text/css" href="../../css/style.css" rel="stylesheet">
    <script type="text/javascript" src="../../js/jquery-1.8.2.min.js"></script>
    <!--[if IE 6]>
    <script type="text/javascript">
        document.execCommand('BackgroundImageCache', false, true);
    </script>
    <![endif]-->


    <script type="text/javascript" src="../../js/json2.js"></script>
    <script type="text/javascript" src="../../js/jquery.colorbox-min.js"></script>
    <script type="text/javascript" src="../../js/jquery.utils.min.js"></script>
    <script type="text/javascript" src="../../js/jquery.validate.js"></script>
    <script type="text/javascript" src="../../js/validate.messages_cn.js"></script>
    <script type="text/javascript" src="../../js/ajaxslt.js"></script>
    <script type="text/javascript" src="../../js/qtestin.xsl.js"></script>
    <script type="text/javascript" src="../../js/project.js"></script>

    <link rel="stylesheet" href="../../css/colorbox.css"/>
    <link rel="stylesheet" href="../../css/validate.css"/>

</head>

<body>
<div class="header_w">
    <div class="header">
        <div class="menu">
            <ul>
                <li><a href="#">首页</a></li>
                <li><a class="cur" href="#">开始使用</a></li>
                <li><a href="#">产品特性</a></li>
                <li><a href="#">常见问题</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
        </div>
        <div class="logo"><a href="http://www.testin.cn" title="用户体验测试">用户体验测试</a></div>
    </div>
</div>


<div class="content">

    <div class="create">
        <form class="form">
            <div class="title"><strong id="title-text">创建测试</strong></div>
            <div class="round">
                <h3>测试对象</h3>
                <ul class="form_ul">
                    <li>
                        <div class="radio_show">
                            <span class="first"><a href="javascript:;" class="cur uri-type" tag="1">Native
                                App</a></span>
                            <span><a href="javascript:;" class="uri-type" tag="2">Web App</a></span>
                            <span class="end"><a href="javascript:;" class="uri-type" tag="3">未发布的App</a></span>
                        </div>
                    </li>
                    <li>
                        <input class="input_text" type="text" id="uri" name="uri"
                               placeholder="应用程序下载地址或者手机网站URL">
                    </li>
                    <li>
                        <textarea id="uri-description" name="uri-description"
                                  placeholder="应用下载及安装说明,如没有，可不填"></textarea>
                    </li>
                </ul>
            </div>
            <div class="round">
                <h3>测试场景及关键任务设置</h3>

                <ul class="form_ul">
                    <li><strong>场景：</strong>
                        <textarea id="scene" name="scene" placeholder="告诉测试人员，应该设想在什么场景下，或者以什么心态使用。比如：请试想一下，你需要购买一双运动鞋。"></textarea>
                    </li>

                    <li>
                        <a class="button_rwmb" id="scene-task-templet" href="javascript:;">使用任务模版</a>
                    </li>
                </ul>

                <ul class="form_ul" id="scene-task-list" name="scene-task-list">

                    <li><strong>任务1：</strong>
                        <textarea placeholder="测试人员在录制视频中需执行的任务。比如：先进入百度搜鞋子。"></textarea>
                        <a class="del" href="javascript:;">删除</a>
                    </li>

                    <li><strong>任务2：</strong>
                        <textarea placeholder="进入到我们的网站"></textarea>
                        <a class="del" href="javascript:;">删除</a></li>


                    <li><strong>任务3：</strong>
                        <textarea placeholder="选择尺码，颜色等"></textarea>
                        <a class="del" href="javascript:;">删除</a></li>


                    <li><strong>任务4：</strong>
                        <textarea placeholder="下订单支付"></textarea>
                        <a class="del" href="javascript:;">删除</a></li>
                </ul>


                <ul class="form_ul">
                    <li class="button">
                        <button class="button_tjrw" type="button" id=scene-task-add>添加任务</button>
                        <span style="color:#069;">最多可添加10个任务。</span>
                        <input class="check-valid" id="scene-task-valid" name="scene-task-valid" />
                        <!--<label class="error" for="scene-task-count-valid" generated="true">-->
                        <label class="custom-error"  id="scene-task-error" ></label>
                    </li>
                </ul>
            </div>
            <div class="round">
                <h3>录制视频后需要测试者回答的问题</h3>

                <ul class="form_ul" id=question-list>
                    <li>
                        <textarea placeholder="网站哪些地方让您失望了？"></textarea>
                        <a class="del" href="javascript:;">删除</a></li>
                    <li>
                        <textarea placeholder="网站哪些地方让您失望了？"></textarea>
                        <a class="del" href="javascript:;">删除</a></li>
                    <li>
                        <textarea placeholder="网站哪些地方让您失望了？"></textarea>
                        <a class="del" href="javascript:;">删除</a></li>
                    <li>
                        <textarea placeholder="网站哪些地方让您失望了？"></textarea>
                        <a class="del" href="javascript:;">删除</a></li>
                </ul>

                <ul class="form_ul">
                    <li class="button">
                        <button class="button_tjwt" type="button" value="" id="question-add">添加问题</button>
                        <span style="color:#069;">最多可添加10个问题。</span>
                        <input class="check-valid" id="question-valid" name="question-valid" />
                        <label class="custom-error"  id="question-error" ></label>
                    </li>
                </ul>
            </div>
            <div class="round">
                <h3>测试者要求</h3>
                <ul class="form_ul form_ul_title">
                    <li><strong>人数：</strong>
                        <input style="width:40px; text-align:center;" class="input_text" type="text" id="person"
                               name="person"/>
                        <span class="attention">每人30元，共需<em id="personSpan" style="color:red;">0</em>元</span>
                    </li>
                    <li><strong>性别：</strong>
                        <select id=gender>
                            <option value="3">不限</option>
                            <option value="1">男</option>
                            <option value="2">女</option>
                        </select>
                    </li>
                    <li><strong>年龄：</strong>
                        <label>从</label>
                        <input style="width:40px; text-align:center;" class="input_text" type="text" id="age-min"
                               name="age-min">
                        <label>到</label>
                        <input style="width:40px; text-align:center;" class="input_text" type="text" id="age-max"
                               name="age-max">
                        <input class="check-valid" id="age-valid" name="age-valid" />
                    </li>
                    <li><strong>年收入：</strong>
                        <select id=revenue>
                            <option value="5万以下">5万以下</option>
                            <option value="5~10万">5~10万</option>
                            <option value="10~20万">10~20万</option>
                            <option value="20~30万">20~30万</option>
                            <option value="30~50万">30~50万</option>
                            <option value="50~100万">50~100万</option>
                            <option value="100万以上">100万以上</option>
                            <option value="不限" selected>不限</option>
                        </select>
                    </li>
                    <li><strong>智能手机使用年限：</strong>
                        <select id="usage-term">
                            <option value="不限" selected>不限</option>
                            <option value="1年">1年</option>
                            <option value="2年">2年</option>
                            <option value="3年">3年</option>
                            <option value="5年">5年</option>
                            <option value="8年">8年</option>
                            <option value="10年以上">10年以上</option>
                        </select>
                    </li>
                    <li><strong>其他要求：</strong>
                        <textarea id=other-require></textarea>
                    </li>
                </ul>
            </div>
            <div class="round">
                <h3>设备要求</h3>
                <ul class="form_ul">
                    <li>
                        <label>
                            <input type="radio" name="platform-type" checked value="iPhone">
                            iPhone</label>
                        <label>
                            <input type="radio" name="platform-type" value="iPad">
                            iPad</label>
                        <label>
                            <input type="radio" name="platform-type" value="Android">
                            Android</label>
                        <label>
                            <input type="radio" name="platform-type" value="WindowsPhone">
                            Windows Phone</label>
                    </li>
                </ul>
            </div>
        </form>
        <div class="button">
            <button class="button_tjce submit">提交测试</button>
            <span style="color:#C00;">提交后留下您的联系方式，我们会有专人与您联系。</span></div>
    </div>

</div>


<div class="scene-flyout-element" style="display: none;">
    <div class="dialog" title="任务模版">
        <div class="dialog_main dialog_rwmb">

            <div class="tabs_title">
                <ul class="tab-title-container">
                    <!--<li>第一印象</li>-->
                    <!--<li class="cur">一般</li>-->
                    <!--<li>购物</li>-->
                    <!--<li>搜索</li>-->
                    <!--<li>与竞争对手比较</li>-->
                    <!--<li>游戏</li>-->
                    <!--<li>原型</li>-->
                </ul>
            </div>

            <div class="tabs_main tab-content-container">
                <div class="box">
                    <p>看五秒钟的主页，然后，看圆弧和回答个问题(不偷看)，你还记得这个主页吗？</p>

                    <div class="button">
                        <button class="button_add" type="button" value="">添加为任务</button>
                    </div>
                </div>
                <div class="box">
                    <p>看五秒钟的主页，然后，看圆弧和回答个问题(不偷看)，你还记得这个主页吗？</p>

                    <div class="button">
                        <button class="button_add" type="button" value="">添加为任务</button>
                    </div>
                    <div class="button">
                        <button class="button_del" type="button" value="">删除任务</button>
                        <span style="color:#C00;">已选任务</span></div>
                </div>
            </div>

        </div>

        <br />
        <label  style="text-align: center; margin: 0px 20px; font-size: 14px;" class="custom-error template-scene-task-error" ></label>

        <div style="text-align: center; margin: 20px 0px;">
            <button class="select_button_add tab-select-add" type="button" value="确认">确认</button>
            <button class="select_button_del tab-select-delete" type="button" value="取消">取消</button>
        </div>
    </div>
</div>


<div class="scene-flyout-element" style="display: none;">
    <div class="dialog">
        <div class="dialog_main dialog_tjcg">

            <form class="sub-form">

                <div class="success-prompt" style="display: none;">
                    <h3>恭喜！您的测试任务提交成功</h3>

                    <p>我们会在<em>24小时</em>内与您联系 <span>(节假日除外)</span></p>
                </div>

                <h4>请填写以下内容：<span>我们会有专人与您联系</span></h4>
                <ul class="form_ul">
                    <li><strong>您的名字：</strong>
                        <input class="input_text" type="text" autofocus value="" id="name" name="name">
                        <b>*</b></li>

                    <!--<span class="error_tips">我是错误提示信息～</span>-->
                    <li><strong>联系电话/手机：</strong>
                        <input class="input_text" type="text" value="" id="tel" name="tel">
                        <b>*</b></li>
                    <li><strong>QQ/MSN</strong>
                        <input class="input_text" type="text" value="" id="im" name="im">
                        <b>*</b></li>
                    <li><strong>邮箱：</strong>
                        <input class="input_text" type="text" value="" id="email" name="email">
                        <b>*</b></li>
                    <li><strong>公司名称：</strong>
                        <input class="input_text" type="text" value="" id="company" name="company">
                    </li>
                    <li><strong>公司地址：</strong>
                        <input class="input_text" type="text" value="" id="addr" name="addr">
                    </li>
                    <li><strong>公司网址：</strong>
                        <input class="input_text" type="text" value="" id="domain" name="domain">
                    </li>
                </ul>

            </form>
            <div class="button">
                <button class="sub-submit">保存</button>
                <a href="../">回到首页</a> <a href="../project.jsp?continue">继续提交任务</a></div>
        </div>
    </div>
</div>


<div class="footer_w">
    <div class="footer">Copyright &copy; 2011 - 2012 北京云测网络科技有限公司 Testin. All Rights Reserved 京ICP备11040545号</div>
</div>
</body>
</html>
